<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title> 恒望</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
    <a class="navbar-brand" href="#"><img src="img/捕获1.PNG" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
                <a class="" href="#">首页<span class="sr-only">(current)</span>   </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">解决方案</a>
            </li>
            <li class="nav-item">
                <a class="" href="#">产品展示 </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">客户案例 </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">服务中心 </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">新闻动态 </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">关于我们  </a>
            </li>
            <li class="nav-item">
                <a class="" href="#">招贤纳士</a>
            </li>
        </ul>
    </div></div>
</nav>



<div class="miana ">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" ></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1" ></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2" ></li>
    </ol>
    <div class="carousel-inner  ">
        <div class="carousel-item active ">
            <img src="img/捕获2.PNG" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="img/捕获2.PNG" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="img/捕获2.PNG" class="d-block w-100" alt="...">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
</div>
<div class="main">
    <div class="top text-center pt-5 pb-5" ><div class="container">
        <img src="img/images/tubiao_03.png" alt="">
    <span>解决方案</span>
    <p>Solutions</p>
    </div>
    </div>
    <div class="con">
        <div class="container">
        <div class="row">
            <div class="col-md-3"><img src="img/捕获4.PNG" alt="">
                <h5>网站、移动网站</h5>
                <p>微信公众号开发移动网站微信公众号开发</p>
            </div>
            <div class="col-md-3"><img src="img/捕获5.PNG" alt="">
                <h5>网站、移动网站</h5>
                <p>移动网站微信公众号开发移动网站微信公众号开发解决方案</p>
            </div>
            <div class="col-md-3"><img src="img/捕获6.PNG" alt="">
                <h5>网站、移动网站</h5>
                <p>移动网站微信公众号开发移动网站微信公众号开发</p>
            </div>
            <div class="col-md-3"><img src="img/捕获7.PNG" alt="">
                <h5>网站、移动网站</h5>
                <p>网站、移动网站微信公众号开发移动网站微信公众号开发解决方案</p>
            </div>
        </div>
    </div>
    <div class="bottom text-center pt-5 pb-5" style="background: #efeeec">
        <div class="container"><img src="img/images/tubiao_07.png" alt="">
        <span>       客户案例</span>
        <p>Customer Case</p></div></div>
        </div>


<div class="mianb">
        <ul class="nav ">
        <li><img src="img/HENGWANG_02.png" alt=""></li>
        <li><img src="img/HENGWANG_03.png" alt=""></li>
        <li><img src="img/HENGWANG_04.png" alt=""></li>
        <li><img src="img/HENGWANG_05.png" alt=""></li>
    </ul>
    <div class="bottom pt-3 pb-3">
        <div class="container">
            <div class="left float-left">
                <h5>全方位解决方案，为您轻松解决不同问题</h5>
                <h5>  A full range of solutions for you to solve different problems   </h5>
            </div>
            <div class="right text-right">
                <button type="button" class="btn btn-light ">查看更多 >></button>
            </div>
        </div>
    </div>
</div>
<div class="mainc">

        <div class="top text-center pb-5 pt-5" style="background: #efeeec">
            <div class="container">
            <img src="img/images/tubiao_11.png" alt="">
            <span>新闻动态</span>
            <p>Hengwang News </p>
                </div>
        </div>
<div class="container">
        <div class="row pb-5 pt-5">

            <div class="col-md-6 "><div class="card mb-3 border-0" >
                <div class="row ">
                    <div class="col-md-4">
                        <img src="img/捕获10.PNG" class="card-img" alt="...">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h5 class="card-title">
    关于召开年会的通知</h5>
                            <p class="">
   互联网，又称忘记网络或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之..</p>
                            <button type="button" class="btn btn-primary ">查看更多 >></button>
                        </div>
                    </div>
                </div>
            </div></div>
            <div class="col-md-6">
                <div class="card pb-3 border-0" >
                    <div class="row ">
                        <div class="col-md-4">
                            <img src="img/捕获11.PNG" class="card-img" alt="">
                        </div>
                        <div class="col-md-8">
                            <div class="card-body">
                                <h5 class="card-title">关于召开年会的通知</h5>
                                <p class="">互联网，又称忘记网络或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之..</p>
                                <button type="button" class="btn btn-primary ">查看更多 >></button>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="maind">

        <div class="top text-center  pt-5 pb-5" style="background: #efeeec">
            <div class="container">
            <div class="">
                <img src="img/images/tubiao_15.png" alt="" class="">
                <span>服务客户</span>
                <p>Serve Customers</p>
                </div>
                </div>
        </div>
        <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel">
            <div class="container">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>

            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img/tupian_03.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="img/tupian_03.png" class="d-block w-100" alt="...">
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        </div>
    </div>




<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <p> 联系我们</p>
                <p>地址：武安市洪山区街道口鹏程国际B座2511</p>
                <p>电话：18238765101</p>
                <p>传真：(123)456-7890</p>
                <p>邮箱:support@vectorlab.com</p>
                <p></p>
            </div>
            <div class="col-md-8">
                <div class="p">
                    <a href="">相关链接</a>
                    <div class="">
                        <a >解决方案  <span>产品展示</span>  客户案例</a>
                    </div>
                    <div class="">
                        <a >服务中心  <span>关于我们</span>  招贤纳士</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>